<!DOCTYPE HTML>
<html lang="en" >
    
    <head>
        
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>交互式编辑器-JupyterNotebook | Python 数据分析学习目录</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="">
        <meta name="generator" content="GitBook 2.6.7">
        
        
        <meta name="HandheldFriendly" content="true"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
        <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">
        
    <link rel="stylesheet" href="../gitbook/style.css">
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-highlight/website.css">
        
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-search/search.css">
        
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-fontsettings/website.css">
        
    
    

        
    
    
    <link rel="next" href="../python数据分析环境和工具/5.1Jupyter-notebook拓展应用.html" />
    
    
    <link rel="prev" href="../python数据分析环境和工具/2python发行版.html" />
    

        
    </head>
    <body>
        
        
    <div class="book"
        data-level="2.3"
        data-chapter-title="交互式编辑器-JupyterNotebook"
        data-filepath="python数据分析环境和工具/5交互式编辑器-JupyterNotebook.md"
        data-basepath=".."
        data-revision="Wed Oct 24 2018 21:30:49 GMT+0800 (中国标准时间)"
        data-innerlanguage="">
    

<div class="book-summary">
    <nav role="navigation">
        <ul class="summary">
            
            
            
            

            

            
    
        <li class="chapter " data-level="0" data-path="index.html">
            
                
                    <a href="../index.html">
                
                        <i class="fa fa-check"></i>
                        
                        数据分析
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1" data-path="Python数据分析序言/内容序言.html">
            
                
                    <a href="../Python数据分析序言/内容序言.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.</b>
                        
                        Python数据分析内容
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2" data-path="python数据分析环境和工具/Python数据分析相关.html">
            
                
                    <a href="../python数据分析环境和工具/Python数据分析相关.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.</b>
                        
                        python数据分析环境和工具
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.1" data-path="python数据分析环境和工具/1Python数据课程软件和环境安装.html">
            
                
                    <a href="../python数据分析环境和工具/1Python数据课程软件和环境安装.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.1.</b>
                        
                        Python数据课程 软件和环境安装
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.2" data-path="python数据分析环境和工具/2python发行版.html">
            
                
                    <a href="../python数据分析环境和工具/2python发行版.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.2.</b>
                        
                        python发行版
                    </a>
            
            
        </li>
    
        <li class="chapter active" data-level="2.3" data-path="python数据分析环境和工具/5交互式编辑器-JupyterNotebook.html">
            
                
                    <a href="../python数据分析环境和工具/5交互式编辑器-JupyterNotebook.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.3.</b>
                        
                        交互式编辑器-JupyterNotebook
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.3.1" data-path="python数据分析环境和工具/5.1Jupyter-notebook拓展应用.html">
            
                
                    <a href="../python数据分析环境和工具/5.1Jupyter-notebook拓展应用.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.3.1.</b>
                        
                        Jupyter-notebook拓展应用
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.4" data-path="python数据分析环境和工具/包和环境管理器：conda.html">
            
                
                    <a href="../python数据分析环境和工具/包和环境管理器：conda.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.4.</b>
                        
                        包和环境管理器：conda
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.4.1" data-path="python数据分析环境和工具/pip和Virtualenv.html">
            
                
                    <a href="../python数据分析环境和工具/pip和Virtualenv.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.4.1.</b>
                        
                        pip和Virtualenv
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.5" data-path="python数据分析环境和工具/3Markdown.html">
            
                
                    <a href="../python数据分析环境和工具/3Markdown.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.5.</b>
                        
                        标记语言：Markdown
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.5.1" data-path="python数据分析环境和工具/4Markdown语法.html">
            
                
                    <a href="../python数据分析环境和工具/4Markdown语法.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.5.1.</b>
                        
                        Markdown语法
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.5.2" data-path="python数据分析环境和工具/6Gitbook文档.html">
            
                
                    <a href="../python数据分析环境和工具/6Gitbook文档.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.5.2.</b>
                        
                        文档管理工具-Gitbook
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="3" data-path="数据分析库的初步认识/index.html">
            
                
                    <a href="../数据分析库的初步认识/index.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>3.</b>
                        
                        数据分析库-Pandas
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="3.1" data-path="数据分析库的初步认识/Pandas创建.html">
            
                
                    <a href="../数据分析库的初步认识/Pandas创建.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>3.1.</b>
                        
                        pandas
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="3.2" data-path="数据分析库的初步认识/Series创建.html">
            
                
                    <a href="../数据分析库的初步认识/Series创建.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>3.2.</b>
                        
                        Series
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="3.3" data-path="数据分析库的初步认识/DataFrame创建.html">
            
                
                    <a href="../数据分析库的初步认识/DataFrame创建.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>3.3.</b>
                        
                        DataFrame对象-创建
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="4" >
            
            <span><b>4.</b> 数据分析库的操作</span>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="4.1" data-path="数据分析库的操作/1DataFrame查询1-整体.html">
            
                
                    <a href="../数据分析库的操作/1DataFrame查询1-整体.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.1.</b>
                        
                        DataFrame查询1-整体
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="4.2" data-path="数据分析库的操作/2DataFrame查询2-专用查询.html">
            
                
                    <a href="../数据分析库的操作/2DataFrame查询2-专用查询.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.2.</b>
                        
                        DataFrame查询2-专用查询
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="4.3" data-path="数据分析库的操作/3DataFrame查询3-专有查询：过滤查询.html">
            
                
                    <a href="../数据分析库的操作/3DataFrame查询3-专有查询：过滤查询.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.3.</b>
                        
                        DataFrame查询3-专有查询：过滤查询
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="4.4" data-path="数据分析库的操作/4Pandas对象的数据操作：增删改查.html">
            
                
                    <a href="../数据分析库的操作/4Pandas对象的数据操作：增删改查.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.</b>
                        
                        Pandas对象的数据操作：增删改查
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="4.4.1" data-path="数据分析库的操作/5Pandas数据操作：其他操作.html">
            
                
                    <a href="../数据分析库的操作/5Pandas数据操作：其他操作.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.1.</b>
                        
                        Pandas数据操作：其他操作
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="4.4.2" data-path="数据分析库的操作/6Pandas数据存取.html">
            
                
                    <a href="../数据分析库的操作/6Pandas数据存取.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.2.</b>
                        
                        Pandas数据存取
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="4.4.3" data-path="数据分析库的操作/7Pandas数据运算.html">
            
                
                    <a href="../数据分析库的操作/7Pandas数据运算.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.3.</b>
                        
                        Pandas数据运算
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="4.4.3.1" data-path="数据分析库的操作/7.1Pandas数据运算拓展.html">
            
                
                    <a href="../数据分析库的操作/7.1Pandas数据运算拓展.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.3.1.</b>
                        
                        Pandas数据运算-拓展
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="4.4.4" data-path="数据分析库的操作/8Pandas分组聚合1.html">
            
                
                    <a href="../数据分析库的操作/8Pandas分组聚合1.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.4.</b>
                        
                        Pandas分组聚合1
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="4.4.5" data-path="数据分析库的操作/9Pandas分组聚合2.html">
            
                
                    <a href="../数据分析库的操作/9Pandas分组聚合2.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.5.</b>
                        
                        Pandas分组聚合2
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="4.4.6" data-path="数据分析库的操作/10Pandas数据规整-清理.html">
            
                
                    <a href="../数据分析库的操作/10Pandas数据规整-清理.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.6.</b>
                        
                        Pandas数据规整-清理
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="4.4.7" data-path="数据分析库的操作/11Pandas数据规整-转换.html">
            
                
                    <a href="../数据分析库的操作/11Pandas数据规整-转换.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.7.</b>
                        
                        Pandas数据规整-转换
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="4.4.7.1" data-path="数据分析库的操作/14Pandas数据规整-转换-离散化和面元划分.html">
            
                
                    <a href="../数据分析库的操作/14Pandas数据规整-转换-离散化和面元划分.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.7.1.</b>
                        
                        离散化和面元划分
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="4.4.8" data-path="数据分析库的操作/16Pandas数据规整-合并.html">
            
                
                    <a href="../数据分析库的操作/16Pandas数据规整-合并.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.8.</b>
                        
                        Pandas数据规整-合并
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="4.5" data-path="数据分析库的操作/13Pandas数据规整-重塑和轴向旋转.html">
            
                
                    <a href="../数据分析库的操作/13Pandas数据规整-重塑和轴向旋转.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.5.</b>
                        
                        Pandas数据规整-重塑和轴向旋转
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="4.5.1" data-path="数据分析库的操作/13.1透视表和交叉表.html">
            
                
                    <a href="../数据分析库的操作/13.1透视表和交叉表.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.5.1.</b>
                        
                        透视表和交叉表
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="5" data-path="Python可视化/绘图库-Matplotlib.html">
            
                
                    <a href="../Python可视化/绘图库-Matplotlib.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.</b>
                        
                        Python可视化
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="5.1" data-path="Python可视化/绘图库-Matplotlib/Matplotlib常见图表.html">
            
                
                    <a href="../Python可视化/绘图库-Matplotlib/Matplotlib常见图表.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.1.</b>
                        
                        基础：Matplotlib常见图表
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="5.1.1" data-path="Python可视化/绘图库-Matplotlib/Matplotlib常见设置和操作.html">
            
                
                    <a href="../Python可视化/绘图库-Matplotlib/Matplotlib常见设置和操作.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.1.1.</b>
                        
                        Matplotlib常见设置和操作
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="5.2" data-path="Python可视化/绘图库-Matplotlib/1Matplotlib-绘图区域.html">
            
                
                    <a href="../Python可视化/绘图库-Matplotlib/1Matplotlib-绘图区域.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.2.</b>
                        
                        提升：绘图区域
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.3" data-path="Python可视化/绘图库-Matplotlib/2Matplotlib-图像组件.html">
            
                
                    <a href="../Python可视化/绘图库-Matplotlib/2Matplotlib-图像组件.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.3.</b>
                        
                        提升：绘图组件
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.4" data-path="Python可视化/绘图库-Matplotlib/3Matplotlib-高级绘图.html">
            
                
                    <a href="../Python可视化/绘图库-Matplotlib/3Matplotlib-高级绘图.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.4.</b>
                        
                        拓展：高级绘图
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.5" data-path="Python可视化/绘图库-Matplotlib/4数学计算展示图像.html">
            
                
                    <a href="../Python可视化/绘图库-Matplotlib/4数学计算展示图像.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.5.</b>
                        
                        拓展：数学计算展示图像
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.6" data-path="Python可视化/绘图库-Matplotlib/5注意事项.html">
            
                
                    <a href="../Python可视化/绘图库-Matplotlib/5注意事项.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.6.</b>
                        
                        拓展：注意事项
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.7" data-path="Python可视化/绘图库-Matplotlib/6pylab.html">
            
                
                    <a href="../Python可视化/绘图库-Matplotlib/6pylab.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.7.</b>
                        
                        拓展：pylab
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="6" data-path="数据分析必备知识点/数据分析必备知识点汇集.html">
            
                
                    <a href="../数据分析必备知识点/数据分析必备知识点汇集.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>6.</b>
                        
                        数据分析必备知识点
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="7" data-path="数据分析必备知识点/数据分析流程.html">
            
                
                    <a href="../数据分析必备知识点/数据分析流程.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>7.</b>
                        
                        数据分析流程
                    </a>
            
            
        </li>
    


            
            <li class="divider"></li>
            <li>
                <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
                    Published with GitBook
                </a>
            </li>
            
        </ul>
    </nav>
</div>

    <div class="book-body">
        <div class="body-inner">
            <div class="book-header" role="navigation">
    <!-- Actions Left -->
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="../" >Python 数据分析学习目录</a>
    </h1>
</div>

            <div class="page-wrapper" tabindex="-1" role="main">
                <div class="page-inner">
                
                
                    <section class="normal" id="section-">
                    
                        <h2 id="&#x4EA4;&#x4E92;&#x5F0F;&#x7F16;&#x8F91;&#x5668;-jupyter-notebook">&#x4EA4;&#x4E92;&#x5F0F;&#x7F16;&#x8F91;&#x5668; Jupyter notebook</h2>
<hr>
<p><img src="images/jupyter.png" alt=""></p>
<hr>
<h2 id="&#x4E3A;&#x4EC0;&#x4E48;&#x4F7F;&#x7528;jupyter-notebook&#xFF1F;">&#x4E3A;&#x4EC0;&#x4E48;&#x4F7F;&#x7528;Jupyter Notebook&#xFF1F;</h2>
<p>&#x4E00;&#x4E2A;&#x5B8C;&#x6574;&#x7684;Jupyter Notebook&#x6570;&#x636E;&#x62A5;&#x544A;&#x6F14;&#x793A;</p>
<hr>
<h2 id="&#x4EA4;&#x4E92;&#x5F0F;&#x8BA1;&#x7B97;">&#x4EA4;&#x4E92;&#x5F0F;&#x8BA1;&#x7B97;</h2>
<ul>
<li>&#x8F6F;&#x4EF6;&#x5F00;&#x53D1;&#x5DE5;&#x7A0B;&#xFF1A;&#x5DE5;&#x7A0B;/&#x76EE;&#x6807;&#x660E;&#x786E;&#xFF0C;&#x6309;&#x90E8;&#x5C31;&#x73ED;<ul>
<li>&#x9700;&#x6C42;&#x5206;&#x6790;&#xFF0C;&#x8BBE;&#x8BA1;&#x67B6;&#x6784;&#xFF0C;&#x5F00;&#x53D1;&#x6A21;&#x5757;&#xFF0C;&#x6D4B;&#x8BD5;</li>
</ul>
</li>
<li>&#x63A2;&#x7D22;/&#x7814;&#x7A76;/&#x5B66;&#x4E60;&#xFF1A;&#x827A;&#x672F;/&#x76EE;&#x6807;&#x4E0D;&#x660E;&#x786E;&#xFF0C;&#x6478;&#x7D22;&#x524D;&#x8FDB;<ul>
<li>&#x76EE;&#x7684;&#x662F;&#x62BD;&#x8C61;&#x7684;&#x6D1E;&#x5BDF;&#x76EE;&#x6807;&#xFF0C;&#x800C;&#x4E0D;&#x662F;&#x673A;&#x68B0;&#x7684;&#x5B8C;&#x6210;&#x4EFB;&#x52A1;</li>
<li>&#x901A;&#x8FC7;&#x6267;&#x884C;&#x4EE3;&#x7801;&#x6765;&#x7406;&#x89E3;&#x95EE;&#x9898;</li>
<li>&#x8FED;&#x4EE3;&#x5F0F;&#x5730;&#x6539;&#x8FDB;&#x4EE3;&#x7801;&#x6765;&#x6539;&#x8FDB;&#x89E3;&#x51B3;&#x65B9;&#x6CD5;</li>
</ul>
</li>
<li><p>&#x5B9E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x4EE3;&#x7801;&#x3001;&#x53D9;&#x4E8B;&#x6027;&#x7684;&#x6587;&#x672C;&#x548C;&#x53EF;&#x89C6;&#x5316;&#x88AB;&#x6574;&#x5408;&#x5728;&#x4E00;&#x8D77;&#xFF0C;&#x65B9;&#x4FBF;&#x4F7F;&#x7528;&#x4EE3;&#x7801;&#x548C;&#x6570;&#x636E;&#x6765;&#x5B8C;&#x6210;&#x6587;&#x6863;&#x3001;&#x8BB2;&#x8FF0;&#x6545;&#x4E8B;</p>
</li>
<li><p>&#x79D1;&#x5B66;&#x8BA1;&#x7B97;&#x9886;&#x57DF;&#x901A;&#x8FC7; Matlab&#x3001;IDL &#x548C;Mathematica&#x7B49;&#x7A0B;&#x5E8F;&#x8BED;&#x8A00;&#x9996;&#x5148;&#x719F;&#x6089;&#x4E86;&#x4EBA;&#x673A;&#x4EA4;&#x4E92;&#x5F0F;&#x7684;&#x8BA1;&#x7B97;&#x65B9;&#x5F0F;&#xFF0C;Jupyter&#x5219;&#x662F;&#x6700;&#x65B0;&#x7684;&#x96C6;&#x5927;&#x6210;&#x8005;</p>
</li>
</ul>
<h2 id="&#x4EA4;&#x4E92;&#x5F0F;&#x7F16;&#x7A0B;&#x5DE5;&#x5177;">&#x4EA4;&#x4E92;&#x5F0F;&#x7F16;&#x7A0B;&#x5DE5;&#x5177;</h2>
<ul>
<li>&#x64CD;&#x4F5C;&#x7CFB;&#x7EDF;&#x81EA;&#x5E26;Shell</li>
<li>Python&#x81EA;&#x5E26;IDLE</li>
<li>IPython&#xFF0C;&#x589E;&#x5F3A;&#x7248;Shell<ul>
<li><strong>Jupyter Notebook</strong>&#xFF1A;&#x7F51;&#x9875;&#x7248;&#x4EA4;&#x4E92;&#x5F0F;&#x4EE3;&#x7801;&#x7B14;&#x8BB0;&#x5DE5;&#x5177;</li>
<li>JupyterLab&#xFF1A;&#x4E0B;&#x4E00;&#x4EE3;Jupyter Notebook&#xFF0C;&#x6A21;&#x5757;&#x5316;&#x548C;&#x53EF;&#x6269;&#x5C55;&#x63A5;&#x53E3;&#xFF0C;&#x57FA;&#x4E8E;&#x7F51;&#x9875;&#x7684;IDE,&#x6D4B;&#x8BD5;&#x7248;</li>
<li>nteract &#x5BA2;&#x6237;&#x7AEF;&#xFF1A;&#x684C;&#x9762;&#x7248;Jupyter Notebook&#xFF0C;&#x57FA;&#x4E8E;Electron&#xFF0C;&#x6D4B;&#x8BD5;&#x7248;</li>
<li>JupyterHub&#xFF1A;&#x670D;&#x52A1;&#x5668;&#x7AEF;&#x591A;&#x4EBA;&#x6743;&#x9650;Jupyter Notebook&#x7CFB;&#x7EDF;</li>
<li>&#x5176;&#x4ED6;&#x7F16;&#x8F91;&#x5668;&#x548C;IDE&#x5BF9;&#x4EA4;&#x4E92;&#x5F0F;&#x7F16;&#x7A0B;&#x7684;&#x652F;&#x6301;&#xFF1A;&#x5982;VScode/PyCharm</li>
</ul>
</li>
</ul>
<hr>
<h2 id="jupyter-notebook">Jupyter Notebook</h2>
<p>Jupyter&#x9879;&#x76EE;&#x662F;&#x4E00;&#x4E2A;&#x4EA4;&#x4E92;&#x5F0F;&#x7684;Python&#x751F;&#x6001;&#x7CFB;&#x7EDF;&#xFF0C;&#x6700;&#x5E38;&#x7528;&#x7684;&#x662F;Jupyter Notebook</p>
<ul>
<li>Jupyter Notebook&#xFF0C;&#x539F;&#x540D;IPython Notbook&#xFF0C;&#x662F;IPython&#x7684;&#x52A0;&#x5F3A;&#x7F51;&#x9875;&#x7248;</li>
<li>&#x540D;&#x5B57;&#x6E90;&#x81EA;Julia&#x3001;Python &#x548C; R&#xFF08;&#x6570;&#x636E;&#x79D1;&#x5B66;&#x7684;&#x4E09;&#x79CD;&#x5F00;&#x6E90;&#x8BED;&#x8A00;&#xFF09;</li>
<li>&#x662F;&#x4E00;&#x6B3E;&#x7A0B;&#x5E8F;&#x5458;&#x548C;&#x79D1;&#x5B66;&#x5DE5;&#x4F5C;&#x8005;&#x7684;&#x7F16;&#x7A0B;/&#x6587;&#x6863;/&#x7B14;&#x8BB0;/&#x5C55;&#x793A;&#x8F6F;&#x4EF6;</li>
<li><p>.ipynb&#x6587;&#x4EF6;&#x683C;&#x5F0F;&#x662F;&#x7528;&#x4E8E;&#x8BA1;&#x7B97;&#x578B;&#x53D9;&#x8FF0;&#x7684;JSON&#x6587;&#x6863;&#x683C;&#x5F0F;&#x7684;&#x6B63;&#x5F0F;&#x89C4;&#x8303;
&#x4EA4;&#x4E92;&#x5F0F;&#x7684;&#x7F16;&#x7A0B;&#x73AF;&#x5883;&#xFF0C;&#x53CB;&#x597D;&#x7684;&#x754C;&#x9762;&#xFF0C;&#x4FBF;&#x4E8E;&#x5206;&#x4EAB;&#x7684;&#x6587;&#x6863;&#x683C;&#x5F0F;&#xFF0C;&#x5BF9;&#x6392;&#x7248;&#x8BED;&#x6CD5;&#x3001;&#x7ED8;&#x56FE;&#x3001;&#x6570;&#x5B66;&#x516C;&#x5F0F;&#x7684;&#x652F;&#x6301;&#xFF0C;&#x4F7F;&#x5979;&#x6210;&#x4E3A;&#x6700;&#x6D41;&#x884C;&#x7684;Python&#x79D1;&#x5B66;&#x8BA1;&#x7B97;&#x5DE5;&#x5177;</p>
</li>
<li><p>&#x4F7F;&#x7528;&#x573A;&#x666F;&#xFF1A;&#x7F16;&#x7A0B;(&#x63A2;&#x7D22;&#x3001;&#x5B66;&#x4E60;&#x3001;&#x6570;&#x636E;&#x65B9;&#x5411;)&#xFF0C;&#x6587;&#x6863;&#xFF0C;&#x7B14;&#x8BB0;&#xFF0C;&#x6559;&#x5B66;&#xFF0C;&#x6F14;&#x8BB2;&#xFF0C;&#x6570;&#x636E;&#x5206;&#x6790;&#x62A5;&#x544A;&#x7B49;&#x7B49;</p>
</li>
<li>Jupyter Notebook &#x2248; Python + MATLAB + Word + Excel + PowerPoint</li>
</ul>
<hr>
<h2 id="&#x6253;&#x5F00;&#x65B9;&#x5F0F;">&#x6253;&#x5F00;&#x65B9;&#x5F0F;</h2>
<p>Jupyter Notebook&#x662F;&#x4E00;&#x4E2A;&#x91C7;&#x7528;C/S&#x67B6;&#x6784;&#x7684;&#x7F51;&#x7AD9;&#xFF0C;&#x901A;&#x8FC7;Tornado&#x5EFA;&#x7ACB;WEB&#x670D;&#x52A1;&#x5668;&#x7AEF;&#xFF0C;&#x4F7F;&#x7528;&#x6D4F;&#x89C8;&#x5668;&#x4F5C;&#x4E3A;&#x5BA2;&#x6237;&#x7AEF;</p>
<h3 id="1&#xFF1A;&#x547D;&#x4EE4;&#x884C;&#x8FDB;&#x5165;&#x5BF9;&#x5E94;&#x76EE;&#x5F55;">1&#xFF1A;&#x547D;&#x4EE4;&#x884C;&#x8FDB;&#x5165;&#x5BF9;&#x5E94;&#x76EE;&#x5F55;</h3>
<p>&#x7528;Windows&#x63A7;&#x5236;&#x53F0;&#xFF08;windows&#x952E;+R&#xFF0C;&#x8F93;&#x5165;cmd&#x56DE;&#x8F66;&#xFF09;&#x6216;Anaconda Prompt&#x8FDB;&#x5165;&#x60F3;&#x4F5C;&#x4E3A;&#x5F00;&#x53D1;&#x76EE;&#x5F55;&#x7684;&#x78C1;&#x76D8;&#x76D8;&#x7B26;&#xFF0C;&#x8FDB;&#x5165;&#x6587;&#x4EF6;&#x5939;&#xFF0C;&#x67E5;&#x770B;&#x76EE;&#x5F55;</p>
<pre><code>e:
cd python
dir
</code></pre><h3 id="2&#xFF1A;&#x8F93;&#x5165;&#x547D;&#x4EE4;">2&#xFF1A;&#x8F93;&#x5165;&#x547D;&#x4EE4;</h3>
<p>&#x4F1A;&#x81EA;&#x52A8;&#x5F39;&#x51FA;&#x6D4F;&#x89C8;&#x5668;&#x7A97;&#x53E3;&#x6253;&#x5F00;notebook</p>
<pre><code>jupyter notebook
# &#x6216; jupyter-notebook
</code></pre><ul>
<li>&#x672C;&#x5730;notebook&#x7684;&#x9ED8;&#x8BA4;URL&#x4E3A;&#xFF1A;<a href="http://localhost:8888" target="_blank">http://localhost:8888</a></li>
<li>&#x5982;&#x679C;&#x60F3;&#x6362;&#x5176;&#x4ED6;&#x6D4F;&#x89C8;&#x5668;&#x6253;&#x5F00;&#xFF0C;&#x53EA;&#x8F93;&#x5165;&#x672C;&#x5730;&#x57DF;&#x540D;&#x7AEF;&#x53E3;&#x56DE;&#x8F66;&#x6253;&#x4E0D;&#x5F00;&#xFF0C;&#x4F1A;&#x63D0;&#x793A;&#x8F93;&#x5165;&#x5BC6;&#x7801;&#xFF0C;&#x9700;&#x8981;&#x62F7;&#x8D1D;&#x547D;&#x4EE4;&#x7A97;&#x53E3;&#x7684;&#x5B8C;&#x6574;URL&#x5230;&#x65B0;&#x6D4F;&#x89C8;&#x5668;&#x624D;&#x53EF;&#x4EE5;&#x6253;&#x5F00;&#xFF08;&#x5E26;token&#x53C2;&#x6570;&#x7684;url,&#x6CE8;&#x610F;&#x53C2;&#x6570;&#x7684;&#x7A7A;&#x683C;&#x53BB;&#x6389;&#xFF09;</li>
<li>&#x6CE8;&#x610F;&#xFF0C;&#x4E0D;&#x8981;&#x76F4;&#x63A5;&#x6253;&#x5F00;notebook&#xFF0C;&#x60F3;&#x8BA9;notebook&#x6253;&#x5F00;&#x6307;&#x5B9A;&#x76EE;&#x5F55;&#xFF0C;&#x53EA;&#x8981;&#x8FDB;&#x5165;&#x6B64;&#x76EE;&#x5F55;&#x540E;&#x6267;&#x884C;&#x547D;&#x4EE4;&#x5373;&#x53EF;</li>
</ul>
<h3 id="3&#xFF1A;&#x4F7F;&#x7528;&#x5B8C;&#x6210;&#xFF0C;&#x5173;&#x95ED;notebook&#x670D;&#x52A1;">3&#xFF1A;&#x4F7F;&#x7528;&#x5B8C;&#x6210;&#xFF0C;&#x5173;&#x95ED;notebook&#x670D;&#x52A1;</h3>
<p>&#x5FEB;&#x6377;&#x952E;CTRL+C&#xFF0C;&#xFF08;Linux/MACOS&#xFF0C;5&#x79D2;&#x5185;&#x8F93;&#x5165;y&#x5173;&#x95ED;&#x670D;&#x52A1;&#xFF0C;&#x5426;&#x5219;&#x670D;&#x52A1;&#x4E0D;&#x4F1A;&#x5173;&#x95ED;&#x9700;&#x8981;&#x518D;&#x6309; CTRL+C&#xFF09;</p>
<p><strong>&#x6CE8;&#x610F;&#xFF1A;</strong></p>
<ul>
<li>(&#x53EA;&#x5173;&#x95ED;&#x7F51;&#x9875;&#x5E76;&#x6CA1;&#x6709;&#x5173;&#x95ED;notebook&#x670D;&#x52A1;&#xFF0C;&#x540E;&#x53F0;&#x4ECD;&#x5728;&#x8FD0;&#x884C;</li>
<li>&#x5982;&#x679C;&#x865A;&#x62DF;&#x673A;&#x6216;&#x5BBF;&#x4E3B;&#x673A;&#x7535;&#x8111;&#x5F00;&#x542F;&#x67D0;&#x4E9B;WEB&#x76F8;&#x5173;&#x670D;&#x52A1;(&#x5982;&#x7F51;&#x7EDC;&#x4EE3;&#x7406;&#x6216;&#x53BB;&#x5E7F;&#x544A;&#x670D;&#x52A1;)&#xFF0C;&#x53EF;&#x80FD;&#x4F1A;&#x5BFC;&#x81F4;Jupyter Notebook&#x65E0;&#x6CD5;&#x8FD0;&#x884C;**</li>
</ul>
<hr>
<h3 id="&#x754C;&#x9762;&#x64CD;&#x4F5C;">&#x754C;&#x9762;&#x64CD;&#x4F5C;</h3>
<p>notebook&#x5206;&#x4E3A;&#x76EE;&#x5F55;&#x754C;&#x9762;&#x548C;&#x5185;&#x5BB9;&#x754C;&#x9762;</p>
<h3 id="1&#xFF1A;&#x76EE;&#x5F55;&#x754C;&#x9762;&#x64CD;&#x4F5C;">1&#xFF1A;&#x76EE;&#x5F55;&#x754C;&#x9762;&#x64CD;&#x4F5C;</h3>
<p><img src="images/jupyter-list.png" alt=""></p>
<ul>
<li>&#x65B0;&#x5EFA;notebook&#x6587;&#x6863;<ul>
<li>notebook&#x7684;&#x6587;&#x6863;&#x683C;&#x5F0F;&#x662F;.ipynb&#xFF0C;&#x4E00;&#x79CD;&#x7C7B;JSON&#x7684;&#x6587;&#x672C;&#x683C;&#x5F0F;</li>
</ul>
</li>
<li>&#x542F;&#x52A8;&#x7EC8;&#x7AEF;&#xFF08;&#x5982;&#x679C;&#x670D;&#x52A1;&#x7AEF;&#x662F;Windows&#x4E0D;&#x652F;&#x6301;&#xFF09;</li>
<li>&#x5BFC;&#x5165;&#x5BFC;&#x51FA;&#x6587;&#x6863;&#xFF08;&#x76F4;&#x63A5;&#x5728;&#x7CFB;&#x7EDF;&#x76EE;&#x5F55;&#x5185;&#x590D;&#x5236;&#x7C98;&#x8D34;&#x540E;&#x70B9;&#x51FB;&#x53F3;&#x4E0A;&#x89D2;&#x6309;&#x94AE;&#x5237;&#x65B0;&#x9875;&#x9762;&#xFF09;</li>
<li>Running-Shutdown&#xFF0C;&#x5173;&#x95ED;&#x6587;&#x6863;</li>
</ul>
<h3 id="2&#xFF1A;&#x5185;&#x5BB9;&#x754C;&#x9762;&#x64CD;&#x4F5C;">2&#xFF1A;&#x5185;&#x5BB9;&#x754C;&#x9762;&#x64CD;&#x4F5C;</h3>
<p><img src="images/jupyter-article.png" alt=""></p>
<hr>
<h2 id="cell&#x64CD;&#x4F5C;&#xFF08;&#x91CD;&#x8981;&#xFF09;">cell&#x64CD;&#x4F5C;&#xFF08;&#x91CD;&#x8981;&#xFF09;</h2>
<p><strong>cell</strong>&#xFF1A;&#x4E00;&#x5BF9;In Out&#x4F1A;&#x8BDD;&#x88AB;&#x89C6;&#x4F5C;&#x4E00;&#x4E2A;&#x4EE3;&#x7801;&#x5355;&#x5143;&#xFF0C;&#x79F0;&#x4E3A;cell</p>
<p>Jupyter&#x652F;&#x6301;&#x4E24;&#x79CD;&#x6A21;&#x5F0F;&#xFF1A;</p>
<ul>
<li>&#x7F16;&#x8F91;&#x6A21;&#x5F0F;&#xFF08;Enter&#xFF09;<ul>
<li>&#x547D;&#x4EE4;&#x6A21;&#x5F0F;&#x4E0B;&#x56DE;&#x8F66;Enter&#x6216;&#x9F20;&#x6807;&#x53CC;&#x51FB;cell&#x8FDB;&#x5165;&#x7F16;&#x8F91;&#x6A21;&#x5F0F;</li>
<li>&#x53EF;&#x4EE5;&#x64CD;&#x4F5C;cell&#x5185;&#x6587;&#x672C;&#x6216;&#x4EE3;&#x7801;&#xFF0C;&#x526A;&#x5207;&#xFF0F;&#x590D;&#x5236;&#xFF0F;&#x7C98;&#x8D34;&#x79FB;&#x52A8;&#x7B49;&#x64CD;&#x4F5C;</li>
</ul>
</li>
<li>&#x547D;&#x4EE4;&#x6A21;&#x5F0F;&#xFF08;Esc&#xFF09;<ul>
<li>&#x6309;Esc&#x9000;&#x51FA;&#x7F16;&#x8F91;&#xFF0C;&#x8FDB;&#x5165;&#x547D;&#x4EE4;&#x6A21;&#x5F0F;</li>
<li>&#x53EF;&#x4EE5;&#x64CD;&#x4F5C;cell&#x5355;&#x5143;&#x672C;&#x8EAB;&#x8FDB;&#x884C;&#x526A;&#x5207;&#xFF0F;&#x590D;&#x5236;&#xFF0F;&#x7C98;&#x8D34;&#xFF0F;&#x79FB;&#x52A8;&#x7B49;&#x64CD;&#x4F5C;</li>
<li>&#x597D;&#x7684;&#x7F16;&#x7A0B;&#x4E60;&#x60EF;&#x662F;&#xFF1A;&#x7F16;&#x8F91;&#x5185;&#x5BB9;&#x5B8C;&#x6210;&#x540E;&#x968F;&#x624B;&#x6309;ESC&#x8FDB;&#x5165;&#x547D;&#x4EE4;&#x6A21;&#x5F0F;</li>
</ul>
</li>
</ul>
<h2 id="&#x5DE5;&#x5177;&#x680F;&#x64CD;&#x4F5C;cell">&#x5DE5;&#x5177;&#x680F;&#x64CD;&#x4F5C;cell</h2>
<p><img src="images/jupytertushi.png" alt=""></p>
<hr>
<h4 id="&#x5FEB;&#x6377;&#x952E;&#x64CD;&#x4F5C;cell">&#x5FEB;&#x6377;&#x952E;&#x64CD;&#x4F5C;Cell</h4>
<p>Cell&#x6709;&#x4E24;&#x79CD;&#x5DE5;&#x4F5C;&#x6A21;&#x5F0F;&#xFF1A;</p>
<ul>
<li>&#x7F16;&#x8F91;&#x6A21;&#x5F0F;&#xFF08;Enter&#xFF09;<ul>
<li>&#x547D;&#x4EE4;&#x6A21;&#x5F0F;&#x4E0B;&#x56DE;&#x8F66;Enter&#x6216;&#x9F20;&#x6807;&#x5355;&#x51FB;cell&#x8FDB;&#x5165;&#x7F16;&#x8F91;&#x6A21;&#x5F0F;</li>
<li>&#x53EF;&#x4EE5;&#x64CD;&#x4F5C;cell&#x5185;&#x6587;&#x672C;&#x6216;&#x4EE3;&#x7801;&#xFF0C;&#x526A;&#x5207;&#xFF0F;&#x590D;&#x5236;&#xFF0F;&#x7C98;&#x8D34;&#x79FB;&#x52A8;&#x7B49;&#x64CD;&#x4F5C;</li>
</ul>
</li>
<li>&#x547D;&#x4EE4;&#x6A21;&#x5F0F;&#xFF08;Esc&#xFF09;<ul>
<li>&#x6309;Esc&#x9000;&#x51FA;&#x7F16;&#x8F91;&#xFF0C;&#x8FDB;&#x5165;&#x547D;&#x4EE4;&#x6A21;&#x5F0F;</li>
<li>&#x53EF;&#x4EE5;&#x64CD;&#x4F5C;cell&#x5355;&#x5143;&#x672C;&#x8EAB;&#x8FDB;&#x884C;&#x526A;&#x5207;&#xFF0F;&#x590D;&#x5236;&#xFF0F;&#x7C98;&#x8D34;&#xFF0F;&#x79FB;&#x52A8;&#x7B49;&#x64CD;&#x4F5C;</li>
</ul>
</li>
</ul>
<p>&#x597D;&#x7684;&#x7F16;&#x7A0B;&#x4E60;&#x60EF;&#x662F;&#xFF1A;&#x7F16;&#x8F91;&#x5185;&#x5BB9;&#x5B8C;&#x6210;&#x540E;&#x968F;&#x624B;&#x6309;ESC&#x8FDB;&#x5165;&#x547D;&#x4EE4;&#x6A21;&#x5F0F;</p>
<hr>
<p><strong>&#x4E24;&#x79CD;&#x6A21;&#x5F0F;&#x90FD;&#x53EF;&#x4F7F;&#x7528;&#x7684;&#x5FEB;&#x6377;&#x952E;</strong></p>
<ul>
<li>Shift+Enter&#xFF0C;&#x6267;&#x884C;&#x672C;&#x5355;&#x5143;&#x4EE3;&#x7801;&#xFF0C;&#x5E76;&#x8DF3;&#x8F6C;&#x5230;&#x4E0B;&#x4E00;&#x5355;&#x5143;</li>
<li>Ctrl+Enter&#xFF0C;&#x6267;&#x884C;&#x672C;&#x5355;&#x5143;&#x4EE3;&#x7801;&#xFF0C;&#x7559;&#x5728;&#x672C;&#x5355;&#x5143;</li>
</ul>
<p>&#x6B21;&#x8981;&#x7684;&#x5FEB;&#x6377;&#x952E;&#xFF1A;</p>
<p>cell&#x884C;&#x53F7;&#x524D;&#x7684; * &#xFF0C;&#x8868;&#x793A;&#x4EE3;&#x7801;&#x6B63;&#x5728;&#x8FD0;&#x884C;</p>
<pre><code>&#x547D;&#x4EE4;&#x6A21;&#x5F0F;&#xFF1A;&#x6309;ESC&#x8FDB;&#x5165;

    Y&#xFF0C;cell&#x5207;&#x6362;&#x5230;Code&#x6A21;&#x5F0F;
    M&#xFF0C;cell&#x5207;&#x6362;&#x5230;Markdown&#x6A21;&#x5F0F;
    A&#xFF0C;&#x5728;&#x5F53;&#x524D;cell&#x7684;&#x4E0A;&#x9762;&#x6DFB;&#x52A0;cell
    B&#xFF0C;&#x5728;&#x5F53;&#x524D;cell&#x7684;&#x4E0B;&#x9762;&#x6DFB;&#x52A0;cell
    &#x53CC;&#x51FB;D&#xFF0C;&#x5220;&#x9664;&#x5F53;&#x524D;cell
    Z&#xFF0C;&#x56DE;&#x9000;
    Shift+M&#xFF0C;&#x5408;&#x5E76;cell&#xFF0C;&#x5411;&#x4E0B;&#x5408;&#x5E76;
    L&#xFF0C;&#x4E3A;&#x5F53;&#x524D;cell&#x52A0;&#x4E0A;&#x884C;&#x53F7;

&#x7F16;&#x8F91;&#x6A21;&#x5F0F;&#xFF1A;&#x6309;Enter&#x8FDB;&#x5165;

    &#x591A;&#x5149;&#x6807;&#x64CD;&#x4F5C;&#xFF1A;Ctrl&#x952E;&#x70B9;&#x51FB;&#x9F20;&#x6807;&#xFF08;Mac:CMD+&#x70B9;&#x51FB;&#x9F20;&#x6807;&#xFF09;
    &#x56DE;&#x9000;&#xFF1A;Ctrl+Z&#xFF08;Mac:CMD+Z&#xFF09;
    &#x91CD;&#x505A;&#xFF1A;Ctrl+Y&#xFF08;Mac:CMD+Y)
    &#x8865;&#x5168;&#x4EE3;&#x7801;&#xFF1A;&#x53D8;&#x91CF;&#x3001;&#x65B9;&#x6CD5;&#x540E;&#x8DDF;Tab&#x952E;
    Ctrl+Shift+&#x51CF;&#x53F7;&#xFF0C;&#x5206;&#x5272;cell&#xFF0C;&#x5728;&#x5149;&#x6807;&#x5904;
    &#x4E3A;&#x4E00;&#x884C;&#x6216;&#x591A;&#x884C;&#x4EE3;&#x7801;&#x6DFB;&#x52A0;/&#x53D6;&#x6D88;&#x6CE8;&#x91CA;&#xFF1A;Ctrl+/&#xFF08;Mac:CMD+/&#xFF09;
    &#x5C4F;&#x853D;&#x81EA;&#x52A8;&#x8F93;&#x51FA;&#x4FE1;&#x606F;&#xFF1A;&#x53EF;&#x5728;&#x6700;&#x540E;&#x4E00;&#x6761;&#x8BED;&#x53E5;&#x4E4B;&#x540E;&#x52A0;&#x4E00;&#x4E2A;&#x5206;&#x53F7;
</code></pre><hr>
<h2 id="&#x5E94;&#x7528;&#xFF1A;&#x6267;&#x884C;htmlcssjavascript">&#x5E94;&#x7528;&#xFF1A;&#x6267;&#x884C;HTML/CSS/JavaScript</h2>
<h4 id="&#x5728;cell&#x4E2D;&#x4EE5;markdown&#x6A21;&#x5F0F;&#x6267;&#x884C;htmlcssjs">&#x5728;cell&#x4E2D;&#x4EE5;Markdown&#x6A21;&#x5F0F;&#x6267;&#x884C;HTML/CSS/JS</h4>
<p>&#xFF08;HTML&#x652F;&#x6301;&#xFF0C;CSS&#x53EA;&#x652F;&#x6301;&#x884C;&#x5185;&#x6837;&#x5F0F;&#xFF0C;JS&#x4E0D;&#x652F;&#x6301;&#xFF09;</p>
<h4 id="ipython&#x4E13;&#x7528;&#x9B54;&#x672F;&#x547D;&#x4EE4;-html-&#x8F7D;&#x5165;htmlcssjs">IPython&#x4E13;&#x7528;&#x9B54;&#x672F;&#x547D;&#x4EE4; %%HTML &#x8F7D;&#x5165;HTML/CSS/JS</h4>
<p>&#x5728;cell&#x4E2D;&#x4EE5;&#x539F;&#x751F;HTML&#x65B9;&#x5F0F;&#x6267;&#x884C;&#xFF0C;HTML/CSS/JS&#x5168;&#x652F;&#x6301;</p>
<ul>
<li>&#x4F18;&#x70B9;&#xFF1A;&#x4E66;&#x5199;&#x7B80;&#x5355;&#xFF0C;&#x63A8;&#x8350;</li>
<li>&#x7F3A;&#x70B9;&#xFF1A;&#x975E;IPython&#x73AF;&#x5883;&#x4E0D;&#x652F;&#x6301;</li>
</ul>
<pre><code class="lang-html">%%HTML

<span class="hljs-tag">&lt;<span class="hljs-title">a</span> <span class="hljs-attribute">href</span>=<span class="hljs-value">&quot;###&quot;</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">&quot;class3&quot;</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">&quot;color:#ff0;&quot;</span>&gt;</span>aaaaaaaaaaa<span class="hljs-tag">&lt;/<span class="hljs-title">a</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">a</span> <span class="hljs-attribute">href</span>=<span class="hljs-value">&quot;###&quot;</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">&quot;id3&quot;</span>&gt;</span>bbbbbbbbbbbbbbbb<span class="hljs-tag">&lt;/<span class="hljs-title">a</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">style</span>&gt;</span><span class="css">
<span class="hljs-class">.class3</span><span class="hljs-rules">{<span class="hljs-rule"><span class="hljs-attribute">background</span>:<span class="hljs-value"><span class="hljs-hexcolor">#0f0</span></span></span>;}</span>
</span><span class="hljs-tag">&lt;/<span class="hljs-title">style</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">script</span>&gt;</span><span class="javascript">
<span class="hljs-keyword">var</span> ida3 = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">&apos;id3&apos;</span>);
ida3.style.background = <span class="hljs-string">&apos;#f00&apos;</span>;
</span><span class="hljs-tag">&lt;/<span class="hljs-title">script</span>&gt;</span>
</code></pre>
<h4 id="&#x5E94;&#x7528;&#xFF1A;jupyter-notebook&#x9690;&#x85CF;&#x4EE3;&#x7801;">&#x5E94;&#x7528;&#xFF1A;Jupyter Notebook&#x9690;&#x85CF;&#x4EE3;&#x7801;</h4>
<p>&#x7528;&#x4E8E;ipynb&#x6587;&#x4EF6;&#x548C;HTML&#x6587;&#x4EF6;&#xFF0C;&#x9ED8;&#x8BA4;&#x53EA;&#x663E;&#x793A;&#x89E3;&#x91CA;&#x548C;&#x6267;&#x884C;&#x7ED3;&#x679C;&#xFF0C;&#x70B9;&#x51FB;&#x6309;&#x94AE;&#x9690;&#x85CF;/&#x663E;&#x793A;&#x4EE3;&#x7801;&#xFF0C;&#x8F93;&#x51FA;&#x6570;&#x636E;&#x5206;&#x6790;&#x62A5;&#x544A;&#x65F6;&#x7528;</p>
<pre><code class="lang-html">%%HTML

<span class="hljs-tag">&lt;<span class="hljs-title">script</span>&gt;</span><span class="javascript">
code_show=<span class="hljs-literal">true</span>;
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">code_toggle</span>(<span class="hljs-params"></span>) </span>{
 <span class="hljs-keyword">if</span> (code_show){
 $(<span class="hljs-string">&apos;div.input&apos;</span>).hide();
 } <span class="hljs-keyword">else</span> {
 $(<span class="hljs-string">&apos;div.input&apos;</span>).show();
 }
 code_show = !code_show
}
$( <span class="hljs-built_in">document</span> ).ready(code_toggle);
</span><span class="hljs-tag">&lt;/<span class="hljs-title">script</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">form</span> <span class="hljs-attribute">action</span>=<span class="hljs-value">&quot;javascript:code_toggle()&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">&quot;submit&quot;</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">&quot;&#x70B9;&#x51FB;&#x6309;&#x94AE;&#x663E;&#x793A;/&#x9690;&#x85CF;&#x6587;&#x6863;&#x4EE3;&#x7801;&#xFF01;&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-title">form</span>&gt;</span>
</code></pre>

                    
                    </section>
                
                
                </div>
            </div>
        </div>

        
        <a href="../python数据分析环境和工具/2python发行版.html" class="navigation navigation-prev " aria-label="Previous page: python发行版"><i class="fa fa-angle-left"></i></a>
        
        
        <a href="../python数据分析环境和工具/5.1Jupyter-notebook拓展应用.html" class="navigation navigation-next " aria-label="Next page: Jupyter-notebook拓展应用"><i class="fa fa-angle-right"></i></a>
        
    </div>
</div>

        
<script src="../gitbook/app.js"></script>

    
    <script src="../gitbook/plugins/gitbook-plugin-search/lunr.min.js"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-search/search.js"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-sharing/buttons.js"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-fontsettings/buttons.js"></script>
    

<script>
require(["gitbook"], function(gitbook) {
    var config = {"highlight":{},"search":{"maxIndexSize":1000000},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"fontsettings":{"theme":"white","family":"sans","size":2}};
    gitbook.start(config);
});
</script>

        
    </body>
    
</html>
